﻿
@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

body{font:12px/1.231 "Microsoft Yahei","SimHei","SimSun",arial,helvetica,clean,sans-serif;}
/**/
.banners{height: 505px;}
.fullSlide {
	width:100%;
	position:relative;
	height:505px;
}

.di img {
    display: block;
    height: 70px;
    margin: auto;
    width: 60px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:505px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	 background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:505px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#008AE2;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(img/Index/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(img/Index/right1s.png) no-repeat;
}
/**/
.main-title{ font-size: 28px; margin: 40px 0; color: #444344; font-weight: bold; text-align: center; line-height: 45px;}
.main-title a{ color:#444344;}
.main-title a:hover{ text-decoration:none;}
.main-title .main-title-en{ display: block; font-size: 60px; text-transform: uppercase; color: #dddddd; }



.sea_key{ margin-bottom:0px;}

/*面对众多行业应用·骏显轻松应对*/
.troble{ background: url("img/index/troble_bg.jpg") no-repeat center 0; height: 788px; overflow: hidden; font-size: 16px;}
.troble-wrap{ height: 788px; position: relative; width: 1200px; margin: 0 auto; overflow: hidden;}
.troble-wrap li{ position: absolute; color: #fff; text-align: center;}
.troble1{ width: 94px; height: 94px; top: 423px; left: 74px; line-height: 132px;}
.troble2{ width: 94px; height: 94px; top: 206px; left: 192px; line-height: 132px;}
.troble3{ width: 144px; height: 144px; top: 326px; left: 203px; line-height: 205px;}
.troble4{ width: 360px; height: 360px; top: 165px; left: 419px; }
.troble4 b{ font-size: 27px; line-height: 40px; display: block; margin: 120px 0 10px;}
.troble4 span{ display: block; font-size: 12px; color: #90cd95; line-height: 20px;}
.troble5{ width: 144px; height: 144px; top: 529px; left: 406px; line-height: 207px;}
.troble6{ width: 87px; height: 87px; top: 646px; right: 425px; line-height: 130px;}
.troble7{ width: 144px; height: 144px; top: 517px; right: 300px; line-height: 210px;}
.troble8{ width: 89px; height: 89px; top: 119px; right: 125px; line-height: 120px;}
.troble9{ width: 144px; height: 144px; top: 254px; right: 148px; line-height: 220px;}
.troble10{ width: 87px; height: 87px; top: 586px; right: 172px; line-height: 124px;}


/*产品*/
.prod{ background: #f1f1f1; overflow: hidden; padding-bottom: 28px;}
.prod-menu{ margin-bottom: 30px; }
.prod-menu dl{ height: 40px; margin-bottom: 15px; background: #fff;}
.prod-menu dt{ width: 170px; background: url("img/index/prod_icon1.png") no-repeat; float: left; line-height: 40px; text-align: center; font-size: 16px; font-weight: bold; z-index: 2;position: relative;}
.prod-menu dt a{ color: #fff; }
.prod-menu dd{ width: 1039px; float: right; border: 1px solid #e5e5e4; border-left: none; line-height: 40px; font-size: 14px; margin-left: -10px;}
.prod-menu dd a{ display: inline-block; color: #666; padding: 0 15px; }
.prod-menu dd a:first-child{ margin-left: 20px; }
.prod-menu dd a:hover{ color: #008ae2; text-decoration: underline; }

.prod-list li{ width: 291px; height: 234px; float: left; overflow: hidden; margin: 0 12px 17px 0; position: relative;}
.prod-list li img{ width: 100%; }
.prod-list li.none{ margin-right: 0; }
.prod-list li span{ height: 48px; line-height: 48px; text-align: center; font-size: 14px; display: block; position: absolute; bottom: 0; left: 0; width: 100%;}
.prod-list li span a{ color: #3c3d3d; }
.prod-list li .cover{ display:none; position: absolute; left: 0; top: 0; width: 100%; height: 234px; background: url("img/index/prod_icon4.png"); text-align: center;}
.prod-list li .cover img{ width: 51px; height: 51px; display: block; margin-bottom: 10px;}
.prod-list li .cover a{ color: #fff; display: inline-block; font-size: 14px; margin-top: 82px;}
.prod-list li .cover a:first-child{ margin-right: 20px; }
.prod-list li:hover .cover{ display: block; }



/*满足您各种需求 欢迎来样定制*/
.case-container{ height: 310px; position:relative;}
.case-container .prev{  display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    top: 130px;
    left: -45px; }
.case-container .next{ display: block;
    height: 36px;
    width: 36px;
    position: absolute;
    top: 130px;
    right: -45px;}
.case-container ul{ width: 1200px; margin: 0 auto; float: left; overflow: hidden;}
.case-container li{ width: 394px; height: 310px; position: relative; overflow: hidden; }
.case-container li img{ width: 100%; }
.case-container li span{ display: block; background: url("img/index/team_bg.png"); height: 36px; line-height: 36px; text-align: left; color: #fff; font-size: 14px; position: absolute; left: 0; bottom: 0; width: 100%; padding-left:11px;}
.case-container li.roundabout-in-focus span{ padding-left:0; text-align:center;}
#myroundabout{height: 310px;width: 1200px;}
.case-btn{ background: url("img/index/case_more_bg.jpg") no-repeat center 0; width: 222px; height: 42px; line-height: 42px; text-align: center; margin: 40px auto; font-size: 14px; color: #fff; display: block; }


/*4大优势*/
.advantage .main-title{ background: url("img/index/advantage_title_bg.jpg") no-repeat center bottom; height: 162px; color: #fff; overflow: hidden; margin: 40px 0 50px;}
.advantage .main-title .main-title-en{ color: #fff; margin-top: 30px;}
.advantage h3{ font-size: 35px; color: #008ae2; margin-bottom: 45px; padding: 8px 0 0 80px; height: 85px;}
.advantage h3 span{ display: block; font-size: 29px; color: #d2d2d2; }
.advantage ul{ padding-left: 50px; }
.advantage li{ font-size: 14px; line-height: 23px; color: #353636; margin-bottom: 20px; background: url("img/index/advantage_icon1.png") no-repeat 0 7px; padding-left: 30px;}
.advantage1 h3{ background: url("img/index/num01.jpg") no-repeat; }
.advantage2 h3{ background: url("img/index/num02.jpg") no-repeat; }
.advantage3 h3{ background: url("img/index/num03.jpg") no-repeat; }
.advantage4 h3{ background: url("img/index/num04.jpg") no-repeat; }

.advantage1{ height: 379px; overflow: hidden; margin-bottom: 46px; }
.advantage1 dt{ width: 599px; height: 379px; float: right; }
.advantage1 dt img{ width: 100%; }
.advantage1 dd{ width: 550px; float: left; margin-top: 53px;}

.advantage2{ height: 513px; background: #f1f1f1;}
.advantage2 dd{ width: 490px; float: right; margin-top: 160px;}
.advantage2 dt{ width: 686px; height: 427px; float: left; margin: 42px 0 0 -89px;}
.advantage2 dt img{ width: 100%; }

.advantage3{ height: 489px; overflow: hidden; }
.advantage3 dt{ width: 610px; height: 395px; float: right; margin: 47px 0 0 0; }
.advantage3 dt img{ width: 100%; }
.advantage3 dd{ width: 473px; float: left; margin-top: 105px; }

.advantage4{ height: 483px; background: #f1f1f1; overflow: hidden;}
.advantage4 dd{ width: 490px; float: left; margin-top: 128px;}
.advantage4 dt{ width: 639px; height: 355px; float: left; margin: 129px 0 0 -58px; }
.advantage4 dt img{ width: 100%; }



/*流程*/
.process{ height: 416px; overflow: hidden; background: url("img/index/process_bg.jpg") no-repeat center 170px;}
.process ul{ overflow: hidden; }
.process li{ width: 68px; height: 107px; float: left; margin-left: 93px; font-size: 16px; color: #4d4d4d; text-align: center;}
.process li:first-child{ margin-left: 0;}
.process li span{ display: block; width: 68px; height: 68px; margin-bottom: 13px; }
.process .process1 span{ background: url("Img/Index/process_icon1.png") no-repeat;}
.process .process2 span{ background: url("Img/Index/process_icon2.png") no-repeat;}
.process .process3 span{ background: url("Img/Index/process_icon3.png") no-repeat;}
.process .process4 span{ background: url("Img/Index/process_icon4.png") no-repeat;}
.process .process5 span{ background: url("Img/Index/process_icon5.png") no-repeat;}
.process .process6 span{ background: url("Img/Index/process_icon6.png") no-repeat;}
.process .process7 span{ background: url("Img/Index/process_icon7.png") no-repeat;}
.process .process8 span{ background: url("Img/Index/process_icon8.png") no-repeat;}
.process li:hover span{ background-position: 0 -96px;}
.process .process-btn{ display: block; text-align: center; margin-top: 30px;}
.process .process-btn i{ background: url("img/index/process_tel.png") no-repeat 0 0; font-size: 24px; color: #008ae2; font-weight: bold; display: inline-block; height: 38px; padding: 5px 0 0 45px; font-style:italic;}
.process .process-btn a{ display: inline-block; background: url("img/index/process_btn.png") no-repeat; width: 94px; text-align: left; height: 29px; line-height: 29px; color: #fff; font-size: 14px; margin-left: 20px; vertical-align: text-bottom; padding-left:16px;}


/*关于我们*/
.about{overflow:hidden; height:610px; background:url(img/index/about_bg.jpg) no-repeat center 0; }
.about .main-title{ margin: 42px 0; }
.about dd{ width: 518px; margin: 0 0 0 30px; float: left;}
.about dd h3{ border-bottom: 1px solid #dfdfe0; font-size: 18px; color: #333333; height: 57px; margin: 60px auto 40px;}
.about dd h3 a{ color: #333;}
.about dd p{ font-size: 14px; line-height: 29px; color: #555555;}
.about dd .about-btn{ margin-top: 50px; }
.about dd .about-btn a{ display: inline-block; color: #29333b; background: url("img/index/about_btn.png") no-repeat; height: 29px; line-height: 29px; padding-left: 20px; width: 90px; font-size: 14px; margin-right: 25px; }
.about dd .about-btn a:hover{ background: url("img/index/process_btn.png") no-repeat; color: #fff; }
.about dt{ width: 599px; height: 435px; float: right;}
.about dt img{ width: 100%;}
.album .album-bd{ width:1200px; overflow:hidden;}

/*企业相册*/
.album{ height: 360px; position: relative; background: #f1f1f1; margin-bottom: 80px;}
.album h2{ background: url("img/index/album_line.jpg") no-repeat 0 bottom; font-size: 20px; color: #333333; font-weight: normal; padding: 50px 0 20px; margin-bottom: 20px; }
.album h2 a{ color: #333; }
.album-wrap{ width: 1200px; height: 352px; margin: 0 auto; position: relative; }
.album .album-bd li{
    width: 292px;
    height: 197px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}
.album .album-bd li > img{ display: block; width: 292px; height: 197px;}
.album .album-bd li .equip-effect{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("img/index/equipment_png.png") no-repeat 0 0;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
    text-align: center;
}
.album .album-bd li .equip-effect .equip-icon img{ width: 51px; height: 51px; display: block; margin: 78px auto 15px;}
.album .album-bd li:hover .equip-effect{ display: block;}
.album .next{
    position: absolute;
    top: 50%;
    margin-top: 15px;
    right: -50px;
    width: 36px;
    height: 36px;
}
.album .prev{
    position: absolute;
    top: 50%;
    margin-top: 15px;
    left: -50px;
    width: 36px;
    height: 36px;
}


/*新闻*/
.news{overflow:hidden;height:480px;}
.news .til{overflow:hidden;display:block;height:54px;}
.news .til ul{display:block;float:left;width:325px;height:54px;line-height:54px;}
.news .til ul li{display:inline-block;float:left;margin-right:25px; height:54px;font-size:18px;text-align:center; font-weight: bold;}
.news .til ul li a{display:block;height:54px;line-height:54px;color:#333333;}
.news .til ul li a:hover{ text-decoration:none;}
.news .til ul li.cur a{display:block;height:52px;border-bottom: 2px solid #008ae2;}
.news .til span{display:block;float:right;width:55px;height:54px;line-height:54px;font-size:14px;}
.news .til span a{color:#333333;}

.news1{display:block;float:left;width:550px;}
.news1 dl{display:block;margin-top:20px;height:278px;border-bottom:1px solid #ececec;}
.news1 dl dt{position:relative;display:block;height:140px;}
.news1 dl dt .news-title{ width: 162px; background: #008ae2; float: left; height: 140px; text-align: center; line-height: 140px; font-size: 28px; font-weight: bold; color: #fff;}
.news1 dl dt .news-img{display:block;width:388px;height:140px; float: left;}
.news1 dl dt span{position:absolute;right:-3px;top:-3px;display:block;width:66px;height:68px;background:url(img/index/news_pbg.png) no-repeat left top;}

.news1 dl dd h5{display:block;margin-top:10px;height:52px;line-height:52px;font-size:14px;}
.news1 dl dd h5 a{color: #333333; float: left; display: block;}
.news1 dl dd h5 em{float: right;
    color: #777777;
    font-weight: normal;
    display: block;}
.news1 dl dd p{overflow:hidden;display:block;height:48px;line-height:24px;color:#535353;font-size:14px;}
.news1 dl dd p a{color:#008ae2; font-weight: bold;}
.news1 .texts{overflow:hidden;display:block;margin-top:15px;}
.news1 .texts li{overflow:hidden;display:block;float:left;padding-left:10px;height:30px;line-height:30px;font-size:14px;background:url(img/index/news_lbg1.jpg) no-repeat left center;}
.news1 .texts li b{display:block;float:left;width:460px;font-weight:normal; cursor:pointer;}
.news1 .texts li em{display:block;float:right;width:80px;} 
.news1 .texts li a{color:#535353;}

.faq{overflow:hidden; float:right;width:551px;}
.faq .til{ margin-bottom: 20px;}
.faq .til ul{overflow:hidden;width:205px;background:none; }
.faq .til ul li{overflow:hidden;width:205px;text-align:left;}
.faq .til ul li a:hover{background:none;}
.faq p{ width: 551px; height: 140px; margin-bottom: 27px;}
.faq p img{ width: 100%;}
.faq-bd{ height: 143px; overflow: hidden;}
.faq dl{ background: url("img/index/ask.jpg") no-repeat 0 0; padding-left: 27px; margin-bottom: 20px; overflow: hidden;}
.faq dl.none{ margin-right: 0;}
.faq dt{ font-size: 14px; font-weight: bold; line-height: 24px; margin-bottom: 5px; margin-top: -3px;}
.faq dt a{ color: #333333;}
.faq dd{ font-size: 14px; line-height: 26px; color: #555555;}
.faq-hd{ height: 11px; display: block; margin-top: 40px;}
.faq-hd .prev,.faq-hd .next,.faq-hd ul{ float: left;}
.faq-hd .prev,.faq-hd .next{ width: 6px; height: 11px; display: block; cursor:pointer;}
.faq-hd .prev{ margin: 0 40px 0 200px;}
.faq-hd .next{ margin: 0 0 0 30px;}
.faq-hd li{ background: url("img/index/faq_icon1.jpg") no-repeat 0 center; float: left; margin-right: 6px; width: 10px; height: 10px; font-size: 0;}
.faq-hd li.on{ background: url("img/index/faq_icon2.jpg") no-repeat 0 center;}




/*友情链接*/
.link{overflow:hidden;height:74px; line-height:74px; background:#f1f1f1; margin-top: 50px;}
.links-list{overflow:hidden;float:left; width:920px;font-size:14px;}
.links-list a{display:block;float:left;padding-right:20px;color:#666666; margin-right: 20px;}
.links4{display:block;float:right;width:140px;text-align:center;font-size:14px}
.links4 a{color:#555555;}